.body{
    width: 100%;
    height: 100%;
    overflow-y:scroll;
    font-size: 62.5%;
    background: white;
    font-family: PingFangSC-Light, sans-serif;
}


.hcls{
    width: 94%;
    margin:10px auto ;
    overflow: hidden;
    border-radius: 10px;
    background: #f1f1f1;
}
.descimg{
    width: 100%;
    height:30%;
    overflow: hidden;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.spot-desc{
    width: 43%;
    height: 70%;
    margin-top: 7%;
    margin-left: 8%;
    border-radius: 5px;!important;
}
.spot-desc div{
    padding-left:3%;
    width: 100%;
    height: 30px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 30px;
    background: #353535;
    opacity: 0.9;
}

.spot-desc p{
    width: 100%;
    font-size: 1.3rem;
    color: #333;
    background: white;
    opacity: 0.9;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 5% 4%;

}
.spot-desc div span{
    color:white;
    font-size: 1.6rem;

}
.spot-more{
    display: block;
    width: 6%;
    float: right;
    margin-right: 6%;
    padding-top:5%;
}



ul{
    width: 100%;
    overflow: hidden;
    padding: 8px 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
li{

    width: 32%;
    overflow: hidden;
    float: left;
}

.hcls1{
    display: block;
    width: 100%;
}

.spotfont{
    width: 100%;
    height: 25px;
    line-height: 25px;
    background: white;
    padding-left:5%;
}

.yuan{
    color:#f75e1d;
    font-size: 1.6rem;
;

}
s{
    color:#747474;
    font-size: 1.3rem;
}